<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>QQ聊天界面</title>
	<link rel="stylesheet" type="text/css" href="css/qq.css"/>
</head>
<body>
<div class="qqBox">
	<div class="BoxHead">
		<div class="headImg">
			<img src="http://q1.qlogo.cn/g?b=qq&nk=2547170055&s=100"/>
		</div>
		<div class="internetName">90后蠢狼大叔</div>
	</div>
	<div class="context">
		<div class="conLeft">
			<ul>
				<li>
					<div class="liLeft"><img src="img/TIM图片20170926103645_04.jpg"/></div>
					<div class="liRight">
						<span class="intername">Java引力波原理研究总部</span>
						<!--<span class="infor"></span>-->
					</div>
				</li>

			</ul>
		</div>
		<div class="conRight">
			<div class="Righthead">
				<div class="headName">Java引力波原理研究总部</div>
				<div class="headConfig">
					<ul>
						<li><img src="img/TIM图片20170926103645_06.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_08.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_10.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_12.jpg"/></li>
					</ul>
				</div>
			</div>
			<div class="RightCont">
				<div class="ChatRecord">查看更多消息</div>
				<ul class="newsList">

				</ul>
			</div>
			<div class="RightFoot">
				<div class="emjon">
					<ul>
						<li><img src="img/1.gif"/></li>
						<li><img src="img/2.gif"/></li>
						<li><img src="img/3.gif"/></li>
						<li><img src="img/4.gif"/></li>
						<li><img src="img/5.gif"/></li>
						<li><img src="img/6.gif"/></li>
						<li><img src="img/7.gif"/></li>
						<li><img src="img/8.gif"/></li>
						<li><img src="img/9.gif"/></li>
						<li><img src="img/10.gif"/></li>
						<li><img src="img/11.gif"/></li>
						<li><img src="img/12.gif"/></li>
						<li><img src="img/13.gif"/></li>
						<li><img src="img/14.gif"/></li>
						<li><img src="img/15.gif"/></li>
						<li><img src="img/16.gif"/></li>
						<li><img src="img/17.gif"/></li>
						<li><img src="img/18.gif"/></li>
						<li><img src="img/19.gif"/></li>
						<li><img src="img/20.gif"/></li>
						<li><img src="img/21.gif"/></li>
						<li><img src="img/22.gif"/></li>
						<li><img src="img/23.gif"/></li>
						<li><img src="img/24.gif"/></li>
						<li><img src="img/25.gif"/></li>
						<li><img src="img/26.gif"/></li>
						<li><img src="img/27.gif"/></li>
						<li><img src="img/28.gif"/></li>
						<li><img src="img/29.gif"/></li>
						<li><img src="img/30.gif"/></li>
						<li><img src="img/31.gif"/></li>
						<li><img src="img/32.gif"/></li>
						<li><img src="img/33.gif"/></li>
						<li><img src="img/34.gif"/></li>
						<li><img src="img/35.gif"/></li>
						<li><img src="img/36.gif"/></li>
						<li><img src="img/37.gif"/></li>
						<li><img src="img/38.gif"/></li>
						<li><img src="img/39.gif"/></li>
						<li><img src="img/40.gif"/></li>
						<li><img src="img/41.gif"/></li>
						<li><img src="img/42.gif"/></li>
						<li><img src="img/43.gif"/></li>
						<li><img src="img/44.gif"/></li>
						<li><img src="img/45.gif"/></li>
						<li><img src="img/46.gif"/></li>
						<li><img src="img/47.gif"/></li>
						<li><img src="img/48.gif"/></li>
						<li><img src="img/49.gif"/></li>
						<li><img src="img/50.gif"/></li>
						<li><img src="img/51.gif"/></li>
						<li><img src="img/52.gif"/></li>
						<li><img src="img/53.gif"/></li>
						<li><img src="img/54.gif"/></li>
						<li><img src="img/55.gif"/></li>
						<li><img src="img/56.gif"/></li>
						<li><img src="img/57.gif"/></li>
						<li><img src="img/58.gif"/></li>
						<li><img src="img/59.gif"/></li>
						<li><img src="img/60.gif"/></li>
						<li><img src="img/50.gif"/></li>
						<li><img src="img/51.gif"/></li>
						<li><img src="img/52.gif"/></li>
						<li><img src="img/53.gif"/></li>
						<li><img src="img/54.gif"/></li>
						<li><img src="img/55.gif"/></li>
						<li><img src="img/56.gif"/></li>
						<li><img src="img/57.gif"/></li>
						<li><img src="img/58.gif"/></li>
						<li><img src="img/59.gif"/></li>
						<li><img src="img/60.gif"/></li>
						<li><img src="img/61.gif"/></li>
						<li><img src="img/62.gif"/></li>
						<li><img src="img/63.gif"/></li>
						<li><img src="img/64.gif"/></li>
						<li><img src="img/65.gif"/></li>
						<li><img src="img/66.gif"/></li>
						<li><img src="img/67.gif"/></li>
						<li><img src="img/68.gif"/></li>
						<li><img src="img/69.gif"/></li>
						<li><img src="img/70.gif"/></li>
						<li><img src="img/71.gif"/></li>
						<li><img src="img/72.gif"/></li>
						<li><img src="img/73.gif"/></li>
						<li><img src="img/74.gif"/></li>
						<li><img src="img/75.gif"/></li>
						<li><img src="img/76.gif"/></li>
						<li><img src="img/77.gif"/></li>
						<li><img src="img/78.gif"/></li>
						<li><img src="img/79.gif"/></li>
						<li><img src="img/80.gif"/></li>
						<li><img src="img/81.gif"/></li>
						<li><img src="img/82.gif"/></li>
						<li><img src="img/83.gif"/></li>
						<li><img src="img/84.gif"/></li>
						<li><img src="img/85.gif"/></li>
						<li><img src="img/86.gif"/></li>
						<li><img src="img/87.gif"/></li>
						<li><img src="img/88.gif"/></li>
						<li><img src="img/89.gif"/></li>
						<li><img src="img/90.gif"/></li>
						<li><img src="img/91.gif"/></li>
					</ul>
				</div>
				<div class="footTop">
					<ul>
						<li><img src="img/TIM图片20170926103645_31.jpg"/></li>
						<li class="ExP"><img src="img/TIM图片20170926103645_33.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_35.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_37.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_39.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_41.jpg" alt="" /></li>
						<li><img src="img/TIM图片20170926103645_43.jpg"/></li>
						<li><img src="img/TIM图片20170926103645_45.jpg"/></li>
					</ul>
				</div>
				<div class="inputBox">
					<textarea id="dope" style="width: 99%;height: 75px; border: none;outline: none;" name="" rows="" cols=""></textarea>
					<button class="sendBtn">发送(s)</button>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/chat.js"></script>
</body>
</html>

